.waterfall-list-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  box-sizing: border-box;
  .waterfall-list {
    width: 100%;
    position: relative;

    .waterfall-item {
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      box-shadow: 1px 3px 5px #acacac;
      cursor: pointer;

      img {
        display: block;
        width: 100%;
        height: 100%;
      }

      &:hover {
        transition: all .3s ease-in;
        box-shadow: 1px 3px 5px #989898;
        transform: translateY(-5px);
      }
    }
  }
}
